<preview>
shrinkBar
</preview>

<template>
  <ice-text>
    你可以把鼠标往浏览器屏幕左边移动,然后点击固定,可以让他固定在侧边
  </ice-text>
  <ice-text>
    它的border取决于
    <ice-tag>@themeActiveColor</ice-tag>
    这个css变量
  </ice-text>
  <container>
    <shrinkBar bac-color="#ffffff" direction="left">

      <template v-slot:show>
        <ice-text>
          披金成王,伴坤远航
        </ice-text>
      </template>

      <template v-slot:body>
        <div class="ice-column">
          <ice-title>
            水调歌头-崔与之
          </ice-title>
          <ice-text>万里云间戍，立马剑门关。</ice-text>
          <ice-text>乱山极目无际，直北是长安。</ice-text>
          <ice-text>人苦百年涂炭，鬼哭三边锋镝，天道久应还。</ice-text>
          <ice-text>手写留屯奏，炯炯寸心丹。</ice-text>
        </div>
      </template>
    </shrinkBar>
  </container>
</template>
<script setup>
import ShrinkBar from '@/components/layout/shrinkBar.vue'</script>
